<% include header.html %>
<link rel="stylesheet" type="text/css" href="css/mo_home.css" />
<link rel="stylesheet" type="text/css" href="lib/163css.css" />
<link rel="stylesheet" href="//cdn.bootcss.com/Swiper/3.4.0/css/swiper.min.css" />
<div id="wrap">
	<!--轮播图-->
	<div class="banner">
		<div class="middle">
			<div><img src="img/mo_home/banner.png" /></div>
			<div><img src="img/mo_home/banner.png" /></div>
			<div><img src="img/mo_home/banner.png" /></div>
			<div><img src="img/mo_home/banner.png" /></div>
		</div>
		<div class="cir" style="margin-left: 3.27rem;"></div>
		<div class="cir"></div>
		<div class="cir"></div>
		<div class="cir"></div>
	</div>
	<!---->
	<div class="adv">
		<div class="ad_middle">
			<div>你好你好你好你好</div>
			<div>你好你好你好你好哈哈哈</div>
			<div>你好你好你好你好哈哈</div>
		</div>
	</div>
	<div class="info">
		<div class="info_up">
			<div>
				<img src="img/mo_home/infOne.png" />
				<div class="info_up_txt">
					<span class="info_tit">资讯中心</span>
					<span class="info_des">美源观点/财经热点</span>
				</div>

			</div>
			<div>
				<img src="img/mo_home/infTwo.png" />
				<div class="info_up_txt">
					<span class="info_tit">直播大厅</span>
					<span class="info_des">行情分析/策略指导</span>
				</div>
			</div>
		</div>
		<div class="info_down">
			<div>
				<img src="img/mo_home/infTre.png" />
				<div class="info_down_txt">
					<span class="info_tit">美源学院</span>
					<span class="info_des">新手入门/投资技巧</span>
				</div>
			</div>
			<div>
				<img src="img/mo_home/infFiv.png" />
				<div class="info_down_txt">
					<span class="info_tit">软件下载</span>
					<span class="info_des">最新正版行情软件</span>
				</div>
			</div>
		</div>
	</div>
	<div class="price">
		<div>
			<p class="pri_txt">实时行情</p>
			<p class="txt_1" id="sell">读取中...</p>
			<span class="txt_2" id="upOrDown">****</span>
			<span class="txt_3" id="upOrDownRate">****</span>
		</div>
		<div>
			<!--<div class="ag">现货白银</div>-->
			<select class="ag" id="mySelect">
				<option selected="selected" value="AG200">现货银200KG</option>
				<option value="CONC">美原油连续</option>
				<option value="LSAG15">现货银15KG</option>
				<option value="LSAG50">现货银50KG</option>
				<option value="LSAL">现货铝</option>
				<option value="LSCU">现货铜</option>
				<option value="OIL10">现货重油10T</option>
				<option value="OIL200">现货重油200T</option>
				<option value="OIL50">现货重油50T</option>
			
			</select>
			<div class="tod_op">
				<span>今开</span>
				<span id="openPrice">******</span>
			</div>
			<div class="yes_get">
				<span>昨收</span>
				<span id="lastClose">******</span>
			</div>
			<div class="topest">
				<span>最高</span>
				<span id="high">******</span>
			</div>
			<div class="lowest">
				<span>最低</span>
				<span id="low">******</span>
			</div>

		</div>
	</div>

	
			<iframe id="k_frame" width="100%" style="border: none;height: 5.5rem;display: none;"  seamless="seamless" src="">
			
		    </iframe>
	
		
			
	
		<div class="pri_more">更多</div>
		<div class="content">
			<!--最出版内容部分-->
			<div class="info_item">

				<div style="color: #EC1925;">重要消息</div>
				<div>操作建议</div>
				<div>行情资讯</div>
				<div>财经日历</div>
			</div>
			<div class="info_cont">
				<div class="impt_cont">
					<div >
						<div class="type">报道</div>
						<div class="title"><mark>【重要】</mark>贝莱德：美联储不会在五月加息</div>
						<div class="detail">本月早些时候，三十年期和二十年期，美国国债收益频频跌破至底点</div>
						<div class="time">08:52</div>
						<div class="date">2016-08-16</div>
						<div class="bar1"></div>
						<div class="bar2"></div>
					</div>
					<div>
						<div class="type">报道</div>
						<div class="title"><mark>【重要】</mark>贝莱德：美联储不会在五月加息</div>
						<div class="detail">本月早些时候，三十年期和二十年期，美国国债收益频频跌破至底点</div>
						<div class="time">08:52</div>
						<div class="date">2016-08-16</div>
						<div class="bar1"></div>
						<div class="bar2"></div>
					</div>
					<div>
						<div class="type">报道</div>
						<div class="title"><mark>【重要】</mark>贝莱德：美联储不会在五月加息</div>
						<div class="detail">本月早些时候，三十年期和二十年期，美国国债收益频频跌破至底点</div>
						<div class="time">08:52</div>
						<div class="date">2016-08-16</div>
						<div class="bar1"></div>
						<div class="bar2"></div>
					</div>
					<div>
						<div class="type">报道</div>
						<div class="title"><mark>【重要】</mark>贝莱德：美联储不会在五月加息</div>
						<div class="detail">本月早些时候，三十年期和二十年期，美国国债收益频频跌破至底点</div>
						<div class="time">08:52</div>
						<div class="date">2016-08-16</div>
						<div class="bar1"></div>
					</div>
				</div>
				<div class="advi_cont" style="background-color: peru;">
					<div>
						<div class="type">报道</div>
						<div class="title"><mark>【重要】</mark>贝莱德：美联储不会在五月加息</div>
						<div class="detail">本月早些时候，三十年期和二十年期，美国国债收益频频跌破至底点</div>
						<div class="time">08:52</div>
						<div class="date">2016-08-16</div>
						<div class="bar1"></div>
						<div class="bar2"></div>
					</div>
					<div>
						<div class="type">报道</div>
						<div class="title"><mark>【重要】</mark>贝莱德：美联储不会在五月加息</div>
						<div class="detail">本月早些时候，三十年期和二十年期，美国国债收益频频跌破至底点</div>
						<div class="time">08:52</div>
						<div class="date">2016-08-16</div>
						<div class="bar1"></div>
						<div class="bar2"></div>
					</div>
					<div>
						<div class="type">报道</div>
						<div class="title"><mark>【重要】</mark>贝莱德：美联储不会在五月加息</div>
						<div class="detail">本月早些时候，三十年期和二十年期，美国国债收益频频跌破至底点</div>
						<div class="time">08:52</div>
						<div class="date">2016-08-16</div>
						<div class="bar1"></div>
						<div class="bar2"></div>
					</div>
					<div>
						<div class="type">报道</div>
						<div class="title"><mark>【重要】</mark>贝莱德：美联储不会在五月加息</div>
						<div class="detail">本月早些时候，三十年期和二十年期，美国国债收益频频跌破至底点</div>
						<div class="time">08:52</div>
						<div class="date">2016-08-16</div>
						<div class="bar1"></div>
					</div>
				</div>
				<div class="quot_cont" style="background-color:plum ;">
					<div>
						<div class="type">报道</div>
						<div class="title"><mark>【重要】</mark>贝莱德：美联储不会在五月加息</div>
						<div class="detail">本月早些时候，三十年期和二十年期，美国国债收益频频跌破至底点</div>
						<div class="time">08:52</div>
						<div class="date">2016-08-16</div>
						<div class="bar1"></div>
						<div class="bar2"></div>
					</div>
					<div>
						<div class="type">报道</div>
						<div class="title"><mark>【重要】</mark>贝莱德：美联储不会在五月加息</div>
						<div class="detail">本月早些时候，三十年期和二十年期，美国国债收益频频跌破至底点</div>
						<div class="time">08:52</div>
						<div class="date">2016-08-16</div>
						<div class="bar1"></div>
						<div class="bar2"></div>
					</div>
					<div>
						<div class="type">报道</div>
						<div class="title"><mark>【重要】</mark>贝莱德：美联储不会在五月加息</div>
						<div class="detail">本月早些时候，三十年期和二十年期，美国国债收益频频跌破至底点</div>
						<div class="time">08:52</div>
						<div class="date">2016-08-16</div>
						<div class="bar1"></div>
						<div class="bar2"></div>
					</div>
					<div>
						<div class="type">报道</div>
						<div class="title"><mark>【重要】</mark>贝莱德：美联储不会在五月加息</div>
						<div class="detail">本月早些时候，三十年期和二十年期，美国国债收益频频跌破至底点</div>
						<div class="time">08:52</div>
						<div class="date">2016-08-16</div>
						<div class="bar1"></div>
					</div>
				</div>
				<div>
					<!--<div class="calen">-->
						<!--<div class="calen_up">
							<div>日</div>
							<div>一</div>
							<div>二</div>
							<div>三</div>
							<div>四</div>
							<div>五</div>
							<div>六</div>
						</div>-->
						<style>
						/*日历部分样式--JackYan*/
						    #monitor{
						    	/*padding:0 0.2rem;*/						    	
						    }
							#monitor #tr1{
								font-size: 0.24rem;								
							}
							#monitor #tr1 .week{
								display: inline-block;
								width: 1.0714rem;
    							text-align: center;
							}
							#monitor #tr2{
								font-size: 0.32rem;
								width: 100%;
								height: 0.89rem;
								position: relative;
								margin-top: 0.2rem;
							}
							#monitor #tr2 #move_wrap{
								width:99999px;
								height: 0.89rem;
								overflow-y: hidden;
								white-space: nowrap;
								position: absolute;
								top: 0;
								left: -200%;
								
							}
							#monitor #tr2 .date_wrap{
								display: inline-table;
							    height: 100%;	
							    width: 7.5rem;
    							float: left;						  
							}
							#monitor #tr2 .date_wrap .date_num{
								
								width: 1.0714rem;
							    height: 30px;
							    float: left;
							    line-height: 30px;
							    display: inline-block;
							    text-align: center;
							}
							.red{
								width: 30px !important;
    							height: 30px;
								border-radius: 50%;
								color: white;
								background-color: red;
								display: flex;
    							display: -webkit-flex;
    							display: -ms-flexbox;
								align-items: center;
								-webkit-align-items: center;
								-ms-flex-item-align: center;
								justify-content: center;
								-webkit-justify-content: center;
								margin: 0 auto;
							}
							/*日历部分样式----End---*/
						</style>
						<!--横向日历结构-JackYan-->                        	
						<div id="monitor">
							<div id="tr1">
								<span class="week">日</span><span class="week">一</span><span class="week">二</span><span class="week">三</span><span class="week">四</span><span class="week">五</span><span class="week">六</span>
							</div>
							<div id="tr2">
								<section id="move_wrap">
								<div class="date_wrap">
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
								</div>
								<div class="date_wrap">
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
								</div>
								<div class="date_wrap">
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
								</div>
								<div class="date_wrap">
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
									<span class="date_num"></span>
								</div>
								</section>
								
							</div>
						</div>
						<!--横向日历结构--End-->
						<script>
							window.onload=function(){
								/*横向日历选择部分逻辑---JackYan*/
								var currentFirstDate;
								var nums=$("#move_wrap .date_num");
								var today=new Date().getDate();//今天日期
								var formatDate = function(date){ 
					                var day;					                
					                if(date.getDate()==today){
					                	day='<div class="red">'+today+'</div>'; 
					                }else{
					                	day=date.getDate();	
					                }
					                return day;
//					               
					            };							
								
								var addDate= function(date,n){       
					            	date.setDate(date.getDate()+n);    
					                return date;
					            };
					            
								var setDate = function(date){             
						            var week = date.getDay()-1;
						            date = addDate(date,week*-1);
						            currentFirstDate = new Date(date);
						            
						            for(var i=0;i<nums.length;i++){
						            	nums[i].innerHTML=(function(){
						            		var myDate;
						            		if(i==0){
						            			myDate=new Date(date.getFullYear(),date.getMonth()+1,date.getDate()-1);
						            		}else if(i==1){
						            			myDate=date;
						            		}else{
						            			myDate=addDate(date,1);
						            		}
						            		return formatDate(myDate);
						            	})();
//						            	formatDate(i==0 ? date : addDate(date,1));
						            	nums[i].setAttribute('date-month',date.getMonth()+1);/*绑定获取月份*/
						            }						            
						       };				        
						        
						        setDate(addDate(new Date(),-14));	
						        /*监听滑动*/
						        var monitor = document.getElementById('monitor');
								var middofsl = monitor.offsetLeft;
								var startX = null;
								var endX = null;
								monitor.addEventListener("touchstart", function() {
									var finger = event.touches[0];
									startX = finger.pageX;
//									middle.addEventListener("touchmove", function() {
//									})
									
								});
								monitor.addEventListener("touchend", function() {
									var endX = event.changedTouches[0].clientX;
									cha = endX - startX;
									if(cha > 100) {
										var oldLeft=$("#move_wrap").position().left;
										var newLeft=oldLeft+$("#monitor").width();
										if(oldLeft>=0){
										  alert('到头了不能再往左了');		
										}else{
//											$("#move_wrap").css('left',newLeft+'px');
											$("#move_wrap").animate({'left':newLeft},'slow');
										}
									    
									} else if(cha < -100) {
										var oldLeft=$("#move_wrap").position().left;
										var newLeft=oldLeft-$("#monitor").width();
										if( Math.abs(oldLeft)>= $("#monitor").width()*3){
										  alert('到头了不能再往右了');		
										}else{
//											$("#move_wrap").css('left',newLeft+'px');
											$("#move_wrap").animate({'left':newLeft},'slow');
										}
									}
								});
								/*单击日期事件*/
								$(".date_num").click(function(){
									var getNum=$(this).text();
									var year=new Date().getFullYear(),
										month=$(this).attr('date-month');
									
									$(this).css('color','green').siblings('.date_num').css('color','black');
									console.log(year+"-"+month+"-"+getNum);
								});
//						        /*横向日历选择部分逻辑--End---*/
							}	
						 
						</script>
					<!--</div>-->
					<div class="calen_con">
						<div class="calen_tit">美国新屋开工合成率</div>
						<div class="calen_zhi">
							<div><span>前值:</span><span>1.172</span></div>
							<div><span>预期:</span><span>1.149</span></div>
							<div><span>实际:</span><span>1.149</span>	</div>
						</div>
						<div class="calen_lev">
							<img class="level" src="img/mo_home/start@2x.png" alt="" />
							<img class="level" src="img/mo_home/start@2x.png"  alt="" />
							<img class="level" src="img/mo_home/start@2x.png"  alt="" />
							<img class="level" src="img/mo_home/start@2x.png"  alt="" />
							<img class="level" src="img/mo_home/start@2x.png"  alt="" />
							<div class="pro">利空金银</div>
						</div>
						<div class="calen_time">07:30</div>
					</div>
					<div class="calen_con">
						<div class="calen_tit">美国新屋开工合成率</div>
						<div class="calen_zhi">
							<div><span>前值:</span><span>1.172</span></div>
							<div><span>预期:</span><span>1.149</span></div>
							<div><span>实际:</span><span>1.149</span>	</div>
						</div>
						<div class="calen_lev">
							<img class="level" src="img/mo_home/start@2x.png" alt="" />
							<img class="level" src="img/mo_home/start@2x.png"  alt="" />
							<img class="level" src="img/mo_home/start@2x.png"  alt="" />
							<img class="level" src="img/mo_home/start@2x.png"  alt="" />
							<img class="level" src="img/mo_home/start@2x.png"  alt="" />
							<div class="pro">利空金银</div>
						</div>
						<div class="calen_time">07:30</div>
					</div>
					<div class="calen_con" >
						<div class="calen_tit">美国新屋开工合成率</div>
						<div class="calen_zhi">
							<div><span>前值:</span><span>1.172</span></div>
							<div><span>预期:</span><span>1.149</span></div>
							<div><span>实际:</span><span>1.149</span>	</div>
						</div>
						<div class="calen_lev" >
							<img class="level" src="img/mo_home/start@2x.png" alt="" />
							<img class="level" src="img/mo_home/start@2x.png"  alt="" />
							<img class="level" src="img/mo_home/start@2x.png"  alt="" />
							<img class="level" src="img/mo_home/start@2x.png"  alt="" />
							<img class="level" src="img/mo_home/start@2x.png"  alt="" />
							<div class="pro">利空金银</div>
						</div>
						<div class="calen_time">07:30</div>
					</div>
				</div>
				<!--最新修改版内容部分-->
		<!--<div id="pagenavi1" class="info_item">
			<div style="color: #EC1925;">操作策略</div>
			<div>第一现场</div>
			<div>市场动态</div>
		</div>
		<div id="slider1" class="info_cont">
			<div class="strategy" style="display: block;">
				<div class="cont_stra">
					<span class="tit">贝莱德:美联储不会在9月加息</span>
					<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
					<span class="data">2016-07-17</span>
					<span class="time">08:52:38</span>
					<img src="img/mo_home/pic1.png" />
				</div>
				<div class="cont_stra">
					<span class="tit">贝莱德:美联储不会在9月加息</span>
					<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
					<span class="data">2016-07-17</span>
					<span class="time">08:52:38</span>
					<img src="img/mo_home/pic1.png" />
				</div>
				<div class="cont_stra">
					<span class="tit">贝莱德:美联储不会在9月加息</span>
					<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
					<span class="data">2016-07-17</span>
					<span class="time">08:52:38</span>
					<img src="img/mo_home/pic1.png" />
				</div>
				<div class="cont_stra">
					<span class="tit">贝莱德:美联储不会在9月加息</span>
					<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
					<span class="data">2016-07-17</span>
					<span class="time">08:52:38</span>
					<img src="img/mo_home/pic1.png" />
				</div>
				<div class="cont_more">打开更多</div>
			</div>
			<div class="first">
				<div class="cont_fir">
					<span class="tit">贝莱德:美联储不会在9月加息</span>
					<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
					<span class="data">2016-07-17</span>
					<span class="time">08:52:38</span>
					<img src="img/mo_home/pic1.png" />
				</div>
				<div class="cont_fir">
					<span class="tit">贝莱德:美联储不会在9月加息</span>
					<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
					<span class="data">2016-07-17</span>
					<span class="time">08:52:38</span>
					<img src="img/mo_home/pic1.png" />
				</div>
				<div class="cont_fir"></div>
				<div class="cont_fir"></div>
				<div class="cont_more">打开更多</div>
			</div>
			<div class="dynamic">
				<div class="cont_dyna">
					<span class="tit">贝莱德:美联储不会在9月加息</span>
					<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
					<span class="data">2016-07-17</span>
					<span class="time">08:52:38</span>
					<img src="img/mo_home/pic1.png" />
				</div>
				<div class="cont_dyna"></div>
				<div class="cont_dyna"></div>
				<div class="cont_dyna"></div>
				<div class="cont_more">打开更多</div>
			</div>
		</div>-->
		<!--最新版结尾-->
		<!--滑动效果实现-->
		<ul id="pagenavi1" class="page">
			<li>
				<a href="#http://www.163css.com/js011.html" class="active">操作策略</a>
			</li>
			<li>
				<a href="#http://www.163css.com/js011.html">第一现场</a>
			</li>
			<li>
				<a href="#http://www.163css.com/js011.html">市场动态</a>
			</li>
		</ul>
		<div id="slider1" class="info_cont">
			<ul>
				<li class="strategy">
					<div class="cont_stra">
						<span class="tit">贝莱德:美联储不会在9月加息</span>
						<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
						<span class="data">2016-07-17</span>
						<span class="time">08:52:38</span>
						<img src="img/mo_home/pic1.png" />
					</div>
					<div class="cont_stra">
						<span class="tit">贝莱德:美联储不会在9月加息</span>
						<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
						<span class="data">2016-07-17</span>
						<span class="time">08:52:38</span>
						<img src="img/mo_home/pic1.png" />
					</div>
					<div class="cont_stra">
						<span class="tit">贝莱德:美联储不会在9月加息</span>
						<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
						<span class="data">2016-07-17</span>
						<span class="time">08:52:38</span>
						<img src="img/mo_home/pic1.png" />
					</div>
					<div class="cont_stra">
						<span class="tit">贝莱德:美联储不会在9月加息</span>
						<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
						<span class="data">2016-07-17</span>
						<span class="time">08:52:38</span>
						<img src="img/mo_home/pic1.png" />
					</div>
					<div class="cont_more">
						<span>更多</span>
						<img src="img/arrows.png"/>
					</div>
				</li>
				<li class="first">
					<div class="cont_fir">
						<span class="tit">贝莱德:美联储不会在9月加息</span>
						<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
						<span class="data">2016-07-17</span>
						<span class="time">08:52:38</span>
						<img src="img/mo_home/pic1.png" />
					</div>
					<div class="cont_fir">
						<span class="tit">贝莱德:美联储不会在9月加息</span>
						<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
						<span class="data">2016-07-17</span>
						<span class="time">08:52:38</span>
						<img src="img/mo_home/pic1.png" />
					</div>
					<div class="cont_fir">
						<span class="tit">贝莱德:美联储不会在9月加息</span>
						<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
						<span class="data">2016-07-17</span>
						<span class="time">08:52:38</span>
						<img src="img/mo_home/pic1.png" />
					</div>
					<div class="cont_fir">
						<span class="tit">贝莱德:美联储不会在9月加息</span>
						<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
						<span class="data">2016-07-17</span>
						<span class="time">08:52:38</span>
						<img src="img/mo_home/pic1.png" />
					</div>
					<div class="cont_more">
						<span>更多</span>
						<img src="img/arrows.png"/>
					</div>
				</li>
				<li class="dynamic">
					<div class="cont_dyna">
						<span class="tit">贝莱德:美联储不会在9月加息</span>
						<span class="discr">本月早些时候,三十年期和十年年期美国国债收益率至十年期和十年年期美国国债收益率至</span>
						<span class="data">2016-07-17</span>
						<span class="time">08:52:38</span>
						<img src="img/mo_home/pic1.png" />
					</div>
					<div class="cont_more">
						<span>更多</span>
						<img src="img/arrows.png"/>
					</div>
				</li>
			</ul>
		</div>
		<!--滑动效果结束-->
	</div>
	<div class="classify">
		<ul id="pagenavi2" class="page">
			<li>
				<a href="#http://www.163css.net/js01.html" class="active">美源星</a>
			</li>
			<li>
				<a href="#http://www.163css.net/js02.html">研究院</a>
			</li>
			<li>
				<a href="#http://www.163css.net/js03.html">交易所</a>
			</li>
		</ul>
		<div id="slider2" class="swipe">
			<ul class="class_cont">
				<li>
					<div class="kuang">
						<div>
							<span>6年</span>
							<span>50亿+</span>
							<span>现货投资服务行业领先</span>
							<span>资金管理经验</span>
						</div>
						<div>
							<span>10万+</span>
							<span>200+</span>
							<span>现货者服务数量</span>
							<span>分析服务团队</span>
						</div>
						<div>查看详情</div>
					</div>
				</li>
				<li>
					<div class="kuang">
						<div>
							<span>47+</span>
							<span>7+</span>
							<span>8年经验分析师</span>
							<span>7套独家投资战法</span>
						</div>
						<div>
							<span>673+</span>
							<span>86.5%+</span>
							<span>在线解盘673次</span>
							<span>平均胜率可达86.5%</span>
						</div>
						<div>查看详情</div>
					</div>

				</li>
				<li>
					<div class="kuang">
						<p><mark>4</mark>大交易所核心会员单位</p>
						<img class="deal" src="img/mo_gradu/deal_uncli1.png" alt="" />
						<img class="deal" src="img/mo_gradu/deal_uncli2.png" alt="" />
						<img class="deal" src="img/mo_gradu/deal_uncli3.png" alt="" />
						<img class="deal" src="img/mo_gradu/deal_uncli4.png" alt="" />
						<div id="detial_btn">查看详情</div>
					</div>
				</li>
			</ul>
		</div>
	</div>

</div>
</div>
<% include footer.html %>
<script src="lib/zepto.js" type="text/javascript" charset="utf-8"></script>
<script src="js/mo_home.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/touchslider.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	for(n = 1; n < 3; n++) {

		var page = 'pagenavi' + n;

		var mslide = 'slider' + n;

		var mtitle = 'emtitle' + n;

		arrdiv = 'arrdiv' + n;

		var as = document.getElementById(page).getElementsByTagName('a');

		var tt = new TouchSlider({
			id: mslide,
			'auto': '-1',
			fx: 'ease-out',
			direction: 'left',
			speed: 600,
			timeout: 5000,
			'before': function(index) {

				var as = document.getElementById(this.page).getElementsByTagName('a');

				as[this.p].className = '';

				as[index].className = 'active';

				this.p = index;

				var txt = as[index].innerText;

				$("#" + this.page).parent().find('.emtitle').text(txt);

				var txturl = as[index].getAttribute('href');

				var turl = txturl.split('#');

				$("#" + this.page).parent().find('.go_btn').attr('href', turl[1]);

			}
		});

		tt.page = page;

		tt.p = 0;

		//console.dir(tt); console.dir(tt.__proto__);

		for(var i = 0; i < as.length; i++) {

			(function() {

				var j = i;

				as[j].tt = tt;

				as[j].onclick = function() {

					this.tt.slide(j);

					return false;

				}

			})();

		}

	}
</script>